<template>
  <div>
    <div class="top_image">
         <img src="http://rzico-weex.oss-cn-hangzhou.aliyuncs.com/portal/cooperation/banner.jpg" style="width: 100%;height: 100%;display: block"></el-image>
    </div>
    <div class="cooperation_advantage_content">
        <span class="cooperation_advantage_text">合作优势</span>
      <div class="cooperation_advantage_item_content">
        <div class="cooperation_advantage_item">
            <div class="line1" style="background-color: #01b6fb;"></div>
            <span class="advantage_item_title" style="color: #01b6fb;">市场支持</span>
          <div>
            <span class="advantage_item_text">将自身产品及服务进行针对性的市场推广和品牌建设，为合作商提供业务支撑和物料支持。</span>
          </div>
        </div>
        <div class="cooperation_advantage_item">
          <div class="line1" style="background-color: #ae5da1;"></div>
          <span class="advantage_item_title" style="color: #ae5da1;">服务支持</span>
          <div>
            <span class="advantage_item_text">完善的以客户为中心的运营系统，全方位提供7*24小时售后服务快速为用户提供技术支持。</span>
          </div>
        </div>
        <div class="cooperation_advantage_item">
          <div class="line1" style="background-color: #32B16C"></div>
          <span class="advantage_item_title" style="color: #32B16C;">培训支持</span>
          <div>
            <span class="advantage_item_text">定期线上产品培训，定期线下交流和沙龙，渠道经理走访辅导，开展运营能力和市场销售集训。</span>
          </div>
        </div>
        <div class="cooperation_advantage_item">
          <div class="line1" style="background-color: #EC8A00"></div>
          <span class="advantage_item_title" style="color: #EC8A00">升级优惠</span>
          <div>
            <span class="advantage_item_text">不定期举办软件升级优惠活动，发放优惠折扣券，最大限度让利给合作商，详情请联系客服咨询。</span>
          </div>
        </div>
        <div class="cooperation_advantage_item">
          <div class="line1" style="background-color: #01B6FB"></div>
          <span class="advantage_item_title" style="color: #01B6FB">丰厚返利</span>
          <div>
            <span class="advantage_item_text">高回报返利体系，行之有效的分配机制和奖励政策，确保合作商长期丰厚的利润收益。</span>
          </div>
        </div>
      </div>
    </div>
<!--    <div class="cooperative_partner_content">-->
<!--      <span class="cooperation_advantage_text">芸助手优质合作伙伴评价</span>-->
<!--      <div class="cooperative_partner_info_content">-->
<!--        <div class="partner_info_item">-->
<!--          <div class="partner_info_img">-->
<!--&lt;!&ndash;            <img src="http://rzico-weex.oss-cn-hangzhou.aliyuncs.com/portal/cooperation/zp.png" class="partner_img">&ndash;&gt;-->
<!--          </div>-->
<!--          <div class="partner_info_text">-->
<!--            <span style="font-size: 15px;color: #747474">我们是一家网上订水平台的公司，从2018年开始使用芸助手，就象看着一个婴儿从出生到长大那样，看着芸助手三年来从起步到成熟，功能不断的加强和完善。-->
<!--              芸助手开发的订水软件，界面简洁，操作简单，可根据实际情况灵活的定制各种流程，我们应用于供应链管理、客户服务管理、销售订单管理、配送管理、营销管理、水票管理、空桶管理、进销存管理、数据统计等。-->
<!--              这几年来，芸助手已成为我们平台三十多家水站和近十万用户不可缺少的订水工具，他们每天都在使用，水站用起来便捷高效，终端用户的评价也很好，希望以后能够做得越来越强大和完善。<br>（水达人总经理  刘国源）-->
<!--            </span>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="partner_info_item">-->
<!--          <div class="partner_info_text_right">-->
<!--            <span style="font-size: 15px;color: #747474">使用芸助手软件已经两年多了，客观的讲，芸助手在国内同类型软件中还是相当不错的，它小巧、不花俏，界面设置也很好，安装、维护、管理都相当方便，省事多了。-->
<!--              我们不能把它看作一个纯粹的软件，而是一种带管理思想的软件，如果你有管理思想，你可以充分的用这个软件对公司的各个环节进行管理，它的优势在于公司所有经营事项流程执行的管理和过程跟踪!-->
<!--              用了芸助手软件，我们企业对管理有了更清晰的认识，对营销数据的分析也更加的准确了，每一个客户跟踪和订单信息都直白的摆在面前，任何数据都能很方便的查到，对我们的工作帮助很大。<br>（珍农在线总经理  林志忠）-->
<!--            </span>-->
<!--          </div>-->
<!--          <div class="partner_info_img">-->
<!--&lt;!&ndash;            <img src="http://rzico-weex.oss-cn-hangzhou.aliyuncs.com/portal/cooperation/zp.png" class="partner_img">&ndash;&gt;-->
<!--          </div>-->

<!--        </div>-->
<!--        <div class="partner_info_item_last">-->
<!--          <div class="partner_info_img">-->
<!--&lt;!&ndash;            <img src="http://rzico-weex.oss-cn-hangzhou.aliyuncs.com/portal/cooperation/zp.png" class="partner_img">&ndash;&gt;-->
<!--          </div>-->
<!--          <div class="partner_info_text">-->
<!--            <span style="font-size: 15px;color: #747474">芸助手提供了不同类型的支持服务来帮助客户成功进行架构设计、开发、运营和维护工作。-->
<!--              经验丰富的技术支持工程师和客户服务专家7x24小时提供一对一服务，我们之间的沟通很顺畅，如果我们有需要，可随时通过微信、QQ、电子邮件、电话等方式与他们联系，遇到的问题也能及时帮忙解决，真的非常感谢！-->
<!--              芸助手用我们听得懂的语言沟通，他们很快就知道了我们要什么，说的解决方案，我们也能听懂。芸助手的方案不仅思路清晰、成型快，而且把我们没考虑到的方面，也帮我们考虑了，超越了我们的想法。 <br>（长富牛奶配送运营总监  张功洪）-->
<!--            </span>-->
<!--          </div>-->
<!--        </div>-->

<!--      </div>-->
<!--    </div>-->
  </div>
</template>

<script>
  export default {
    name: 'cooperation'
  }
</script>

<style scoped>
@media screen and (min-width: 0px) and (max-width: 320px){
  .cooperation_advantage_content{
    background-color: #fafafa;
    width: 100%;
    padding-top: 34px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cooperation_advantage_text{
    text-align: center;
    /*width: 163px;*/
    height: 36px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #4D4D4D;
  }
  .cooperation_advantage_item_content{
    display: flex;
    margin-top: 30px;
    /*overflow-x: auto;*/
    justify-content: space-between;
    flex-wrap: wrap;
    width:100%;
  }
  .cooperation_advantage_item{
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 5px;
    height: 100%;
    /*background-color: red;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    padding-bottom: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
  }
  .line1{
    height: 5px;
    width: 100%;
    /*background-color: #01b6fb;*/
  }
  .advantage_item_title{
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .advantage_item_text{
    display: block;
    margin-bottom: 5px;
    color: #747474;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .cooperative_partner_content{
    background-color: white;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
    justify-content: center;
    align-items: center;
  }
  .cooperative_partner_info_content{
    padding: 20px;
    /*margin-top: 20px;*/
  }
  .partner_info_item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .partner_info_item_last{
    flex-direction: column;
    display: flex;
    padding-top: 20px;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .partner_info_img{
    padding: 10px;
    box-shadow: 2px 2px 2px 2px #999999;
    height: auto;
    width: 200px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .partner_img{
    width: 100%;
    height: 100%;
  }
  .partner_info_text{
    width:100%;
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
  }
  .partner_info_text_right{
    width: 100%;
    margin-right: 20px;
    margin-left: 20px;
    text-align: justify;
  }
}
  @media screen and (min-width: 321px) and (max-width: 750px){
    .cooperation_advantage_content{
      background-color: #fafafa;
      width: 100%;
      padding-top: 30px;
      padding-bottom: 20px;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .cooperation_advantage_text{
      /*width: 163px;*/
      height: 36px;
      font-size: 20px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #4D4D4D;
    }
    .cooperation_advantage_item_content{
      display: flex;
      margin-top: 30px;
      /*overflow-x: auto;*/
      justify-content: space-between;
      flex-wrap: wrap;
      width:100%;
    }
    .cooperation_advantage_item{
      flex-shrink: 0;
      width: 100%;
      margin-bottom: 20px;
      height: 100%;
      /*background-color: red;*/
      display: flex;
      flex-direction: column;
      margin-right: 25px;
      align-items: center;
      background-color: white;
      padding-bottom: 20px;
      box-sizing: border-box;
    }
    .line1{
      height: 5px;
      width: 100%;
      /*background-color: #01b6fb;*/
    }
    .advantage_item_title{
      margin-top: 32px;
      font-size: 17px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .advantage_item_text{
      display: block;
      margin-bottom: 5px;
      color: #747474;
      font-size: 15px;
      margin-left: 20px;
      margin-right: 20px;
    }
    .cooperative_partner_content{
      background-color: white;
      width: 100%;
      display: flex;
      flex-direction: column;
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 20px;
      padding-right: 20px;
      justify-content: center;
      align-items: center;
    }
    .cooperative_partner_info_content{
      padding: 20px;
      /*margin-top: 20px;*/
    }
    .partner_info_item{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid rgba(0,0,0,0.3);
      padding-bottom: 20px;
      padding-top: 20px;
    }
    .partner_info_item_last{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-bottom: 20px;
      padding-top: 20px;
    }
    .partner_info_img{
      padding: 10px;
      box-shadow: 2px 2px 2px 2px #999999;
      height:auto;
      width: 200px;
      margin-top: 20px;
      margin-bottom: 20px;

    }
    .partner_img{
      width: 100%;
      height: 100%;
    }
    .partner_info_text{
      width: 100%;
      margin-left: 20px;
      margin-right: 20px;
      text-align: justify;
    }
    .partner_info_text_right{
      width: 100%;
      margin-right: 20px;
      margin-left: 20px;
      text-align: justify;
    }
  }
@media screen and (min-width: 751px) and (max-width: 770px){
  .cooperation_advantage_content{
    background-color: #fafafa;
    width: 100%;
   padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cooperation_advantage_text{
    /*width: 163px;*/
    height: 36px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #4D4D4D;
  }
  .cooperation_advantage_item_content{
    display: flex;
    margin-top: 30px;
    /*overflow-x: auto;*/
    justify-content: space-around;
    flex-wrap: wrap;
    width:100%;
  }
  .cooperation_advantage_item{
    flex-shrink: 0;
    width: 130px;
    margin-bottom: 5px;
    height: 185px;
    /*background-color: red;*/
    display: flex;
    flex-direction: column;
    /*margin-right: 25px;*/
    align-items: center;
    background-color: white;
    padding-bottom: 20px;
    box-sizing: border-box;
  }
  .line1{
    height: 5px;
    width: 100%;
    /*background-color: #01b6fb;*/
  }
  .advantage_item_title{
    margin-top: 32px;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .advantage_item_text{
    display: block;
    margin-bottom: 5px;
    color: #747474;
    font-size: 13px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .cooperative_partner_content{
    background-color: white;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    align-items: center;
  }
  .cooperative_partner_info_content{
    padding: 20px;
    /*margin-top: 20px;*/
  }
  .partner_info_item{
    display: flex;
    padding-top: 20px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    padding-bottom: 20px;

  }
  .partner_info_item_last{
    display: flex;
    padding-top: 20px;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .partner_info_img{
    padding: 10px;
    box-shadow: 2px 2px 2px 2px #999999;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 180px;
    width: 280px;

  }
  .partner_img{
    width: 100%;
    height: 100%;
  }
  .partner_info_text{
    width: 280px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
  }
  .partner_info_text_right{
    width: 280px;
    margin-right: 20px;
    margin-left: 20px;
    text-align: justify;
  }
}
@media screen and (min-width: 771px) and (max-width: 1199px){
  .cooperation_advantage_content{
    background-color: #fafafa;
    width: 100%;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cooperation_advantage_text{
    /*width: 163px;*/
    height: 36px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #4D4D4D;
  }
  .cooperation_advantage_item_content{
    display: flex;
    margin-top: 30px;
    /*overflow-x: auto;*/
    justify-content: space-around;
    flex-wrap: wrap;
    width:100%;
  }
  .cooperation_advantage_item{
    flex-shrink: 0;
    width: 175px;
    margin-bottom: 5px;
    height: 190px;
    /*background-color: red;*/
    display: flex;
    flex-direction: column;
    /*margin-right: 25px;*/
    align-items: center;
    background-color: white;
    padding-bottom: 20px;
    box-sizing: border-box;
  }
  .line1{
    height: 5px;
    width: 100%;
    /*background-color: #01b6fb;*/
  }
  .advantage_item_title{
    margin-top: 32px;
    font-size: 17px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .advantage_item_text{
    display: block;
    margin-bottom: 5px;
    color: #747474;
    font-size: 15px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .cooperative_partner_content{
    background-color: white;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    align-items: center;
  }
  .cooperative_partner_info_content{
    padding: 20px;
    /*margin-top: 20px;*/
  }
  .partner_info_item{
    display: flex;
    padding-top: 20px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    padding-bottom: 20px;

  }
  .partner_info_item_last{
    display: flex;
    padding-top: 20px;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .partner_info_img{
    padding: 10px;
    box-shadow: 2px 2px 2px 2px #999999;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 180px;
    width: 280px;

  }
  .partner_img{
    width: 100%;
    height: 100%;
  }
  .partner_info_text{
    width: 280px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
  }
  .partner_info_text_right{
    width: 280px;
    margin-right: 20px;
    margin-left: 20px;
    text-align: justify;
  }
}
  @media (min-width: 1200px){
    .cooperation_advantage_content{
      background-color: #fafafa;
      width: 100%;
      padding-top: 34px;
      padding-bottom: 57px;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .cooperation_advantage_text{
      /*width: 163px;*/
      height: 36px;
      font-size: 26px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #4D4D4D;
    }
    .cooperation_advantage_item_content{
      width: 1200px;
      display: flex;
      justify-content: space-around;
      margin-top: 30px;

    }
    .cooperation_advantage_item{
      width: 200px;
      height: 180px;
      /*background-color: red;*/
      display: flex;
      flex-direction: column;
      margin-right: 20px;
      margin-left: 20px;
      align-items: center;
      background-color: white;
      padding-bottom: 20px;
      box-sizing: border-box;
    }
    .line1{
      height: 5px;
      width: 100%;
      /*background-color: #01b6fb;*/
    }
    .advantage_item_title{
      margin-top: 20px;
      font-size: 17px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .advantage_item_text{
      display: block;
      margin-bottom: 5px;
      margin-left: 20px;
      margin-right: 20px;
      color: #747474;
      font-size: 15px;
    }
    .cooperative_partner_content{
      background-color: white;
      width: 100%;
      display: flex;
      flex-direction: column;
     padding: 30px 20px;
      justify-content: center;
      align-items: center;
    }
    .cooperative_partner_info_content{
      padding: 20px;
      width: 1200px;
      /*margin-top: 20px;*/
    }
    .partner_info_item{
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 20px;
      border-bottom: 1px solid rgba(0,0,0,0.3);
      padding-bottom: 20px;
    }
    .partner_info_item_last{
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 20px;
      padding-bottom: 20px;

    }
    .partner_info_img{
      padding: 10px;
      box-shadow: 2px 2px 2px 2px #999999;
      height: 180px;
      width: 280px;

    }
    .partner_img{
      width: 100%;
      height: 100%;
    }
    .partner_info_text{
      width: 320px;
      margin-left: 40px;
      text-align: justify;
    }
    .partner_info_text_right{
      width: 320px;
      margin-right: 40px;
      text-align: justify;
    }
  }

</style>
